import { Component, Input, OnInit, Output, EventEmitter } from '@angular/core';

@Component({
  selector: 'app-title',
  templateUrl: './title.component.html',
  styleUrls: ['./title.component.css']
})
export class TitleComponent implements OnInit {
  ngOnInit(): void {
    console.log("ngOnInit")
  }
  // 有可能接收一个title组件  子组件注入
  @Input()
  title?: string

    @Input()
    childTitle?: string = "123"

  @Output()
  addList = new EventEmitter()

  addBtnFun(){
    this.addList.emit("vue")
  }

  ngOnChanges() {
    console.log(this.title)
    console.log("ngOnChanges")
  }
  ngDoCheck() {
    console.log("ngDoCheck")
  }
  // ngAfterContentInit(){
  //   console.log("ngAfterContentInit")
  // }
  // ngAfterContentChecked(){
  //   console.log("ngAfterContentChecked")
  // }
  //
  // ngAfterViewInit(){
  //   console.log("ngAfterViewInit")
  // }
  // ngAfterViewChecked(){
  //   console.log("ngAfterViewChecked")
  // }
  ngOnDestroy() {
    console.log("ngOnDestroy")
  }

  constructor() {
  }
}
